<!--
 * @Author: EuniceShaw
 * @Date: 2022-03-12 16:16:08
 * @LastEditors: EuniceShaw
 * @LastEditTime: 2022-04-10 19:03:57
 * @Description: App pages
 *
-->

<template>
  <!-- <img alt="Vue logo" src="./assets/logo.png" /> -->
  <el-config-provider :size="size">
    <div id="app">
      <router-view></router-view>
    </div>
  </el-config-provider>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
import { computed } from 'vue'
import { useStore } from '@/store'
export default defineComponent({
  setup() {
    const store = useStore()
    const size = computed(() => store.state.app.size)

    return {
      size
    }
  }
})
</script>

<style>
#app {
  height: 100%;
  overflow: hidden;
}
</style>
